.pwaModal {
    position: fixed;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%), 0 3px 6px -4px rgb(0 0 0 / 12%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    pointer-events: auto;
    padding: 20px 24px;
    width: 520px;
    max-width: calc(100vw - 32px);

    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100%;


    .btnGroup {
        text-align: center;
        margin-top: 30px;
    }

    .title {
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }
}

.pwaModalShow {
    animation: slidein1 1s 0s ease-in forwards;

    @keyframes slidein1 {
        from {
            bottom: -100%;
            opacity: 0;
        }

        to {
            bottom: 10px;
            opacity: 1;
        }
    }

}